<template>
    <div></div>
</template>

<script>
import {ref,reactive, readonly,toRefs, isReactive, isRef, isReadonly, isProxy} from 'vue'
export default {
    name: 'App',
    components: {},
    setup(){
        let car = reactive({name: '奔驰',price: '40W'})
        let sum = ref(0)
        let car2 = readonly(car)
        console.log(isRef(sum))
        console.log(isReactive(car))
        console.log(isReadonly(car2))
        console.log(isProxy(car2))
        return{
            ...toRefs(car),
            sum,car2
        }
    }
}
</script>

<style>

</style>